const path = require('path')
const HtmlWebpackPlugin= require('html-webpack-plugin')
module.exports = {
  mode: "none",
  entry: "./src/index.js",
  output: {
    filename: "bundle.js",
    path: path.join(__dirname, "dist")
  },
  // 用于配置开发过程中的辅助工具，webpack 支持 12种webpack 风格，每种效果和效率都不相同，效果最好生成速度最慢
  // source-map：
  devtool: 'eval',
  devServer:{
    contentBase: ['./public'],
    // 代理，每个属性就是代理规则的配置
    proxy:{
      '/api':{
        // 匹配到 /api 就转发到 https://api.github.com
        // 请求 localhost:port/api/users -> https://api.github.com/api/users
        target:'https://api.github.com',

        // 可以通过重写去掉 /api
        pathRewrite:{
          '^/api': '' // /api/user 开头的地址，重写为 /users
        },
        // 代理服务器默认使用浏览器地址栏的主机名，也就是 localhost:port
        // 一般情况下开发服务器需要根据主机名，判断当前请求属于哪个后端
        // 改为 true，就会向实际代理的主机名发起请求
        changeOrigin: true
      }
    }
  },
  plugins:[
    new HtmlWebpackPlugin({
      title:'标题'
    })
  ]
}